<!DOCTYPE html>
<html ng-app="sortableApp" ng-controller="inputSupplyChainFrameController" xmlns:th="http://www.thymeleaf.org">
<head th:include="/common/head :: commonHead('编辑供应链框架')"></head>
<style>
    .item{
        margin: 3px;
        padding: 5px;
        line-height: 26px;
        height: 26px;
        font-size: 26px;
        border: 1px solid #007DDB;
    }
    .baseItem{
        background-color: #8a6d3b;
        color: #00F7DE;
    }
    .content{
        margin: 50px auto;
        width: 302px;
    }
</style>
<body data-ng-init="load()">
<div style="padding: 20px;">
    <form lay-filter="inputForm" class="layui-form" action="">
        <input id="flowName" type="hidden" th:value="${flowName}" />
        <div class="layui-form-item">
            <label class="layui-form-label">链路名称</label>
            <div class="layui-input-block">
                <input ng-model="chainName" type="text" name="chainName" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">流程链配置</label>
            <div class="layui-input-block">
                <div class="sortlist" ui-sortable="sortableOptionsList[0]" ng-model="chainModules" style="float: left;width: 150px;">
                    <!--<p class="item baseItem fixed">-->
                        <!--<span>服务类型</span>-->
                    <!--</p>-->
                    <p class="item baseItem" ng-repeat="model in chainModules">
                        <span ng-bind="model"></span>
                    </p>
                </div>

                <div style="float: left;width: 150px;height: 200px;">
                    <p class="item baseItem fixed">
                        <span>序号</span>
                        <span>名称</span>
                    </p>
                    <div style="width: 100%; height: 100px;" class="sortlist" ui-sortable="sortableOptionsList[1]" ng-model="chainList" >
                        <p class="item" ng-repeat="model in chainList track by $index">
                            <span ng-bind="$index+1"></span>
                            <span ng-bind="model"></span>
                        </p>
                    </div>
                </div>
                <div style="clear: both;"></div>
            </div>
            <div style="clear: both;"></div>

        </div>
    </form>
</div>
<input type="hidden" id="btnSubmit" ng-click="submit($event)">
</body>
<span th:replace="/common/on-load-js :: commonOnLoadJs"></span>
<script src="/static/plugins/sortable/jquery-ui.min.js"></script>
<span th:replace="/common/angular :: angular"></span>
<script src="/static/plugins/sortable/sortable.js"></script>
<script src="/static/admin/js/supply/input.js"></script>
</html>